import { ListPage } from "custom/index";
import { getCustomerSubAccountPage } from './api'
import LinkColumn from '@/components/table-column/LinkColumn.vue'


const page = new ListPage('SubAccountAllocationRecord');

page
  .api(getCustomerSubAccountPage)
  .useSearch()
    .addInputItem('keyword', '子账号名称/ 客户名称/店铺名称')
    .addItem({ prop: 'customerName', label: '客户名称' })
    .addItem({ prop: 'accountName', label: '子账号名称' }) 
    .addItem({ prop: 'shopName', label: '店铺名称' })
    .addItem({ prop: 'name', label: '客服姓名' })
    .addItem({ prop: 'flowerName', label: '客服花名' })
    .addItem({ prop: 'no', label: '客服工号' })
    .addItem({ prop: 'mobile', label: '客服手机号' })
    .addItem({ prop: 'groupNo', label: '客服编队' })
    .end()
  .useTable()
    .useIndexColumn().end()
    .useColumn('customerName').label('客户名称').minWidth(120).end()
    .useColumn('platformName').label('平台').end()
    .useCustomColumn(LinkColumn, { prop: 'shopName', linkProp: 'shopLinkUrl', linkType: "link" }).label('店铺名称').minWidth(140).sortable().end()
    .useColumn('accountNo').label('数据账号').minWidth(140).end()
    .useColumn('accountName').label('子账号名称').minWidth(160).end()
    .useColumn('conventionSalary').label('分摊底薪').minWidth(160).end()
    .useColumn('commissionRatio').label('提成比例').toFixedPercent(2).minWidth(160).end()
    .useColumn('name').label('客服姓名').minWidth(160).end()
    .useColumn('flowerName').label('客服花名').minWidth(160).end()
    .useColumn('exNameLabel').label('分部客服').minWidth(160).end()
    .useColumn('customPostTypeName').label('岗位类别').minWidth(160).end()
    .useColumn('startDate').label('开始日期').minWidth(160).end()
    .useColumn('endDate').label('结束日期').minWidth(160).end()
    .useColumn('createTime').label('创建时间').minWidth(180).sortable().end()
    .useColumn('createUserName').label('创建人').minWidth(140).sortable().end()
    .end()
  .usePagination()
    .end()
  .useAuthButton()
    .useItem('export').content('导出数据').exportExcel().end()
    .end()

export default page
